<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="">
	<meta name="author" content="">
	<!-- Bootstrap core CSS -->
	<!--<link rel="stylesheet" th:href="@{../bootstrap5/css/bootstrap.min.css}" rel="stylesheet">-->
	<link rel="stylesheet" href="../static/bootstrap5/css/bootstrap.min.css">
	<script  type="text/javascript" src="../static/js/jquery-3.2.1.slim.min.js"></script>
	<script type="text/javascript" src="../static/bootstrap5/js/bootstrap.js"></script>
	<script type="text/javascript" src="../static/bootstrap5/js/bootstrap.bundle.js"></script>
	<script type="text/javascript" src="../static/bootstrap5/js/moment.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

	<title>主界面</title>
</head>
<body>
<!--图标-->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
	<!-- 主页 -->
	<symbol id="home" viewBox="0 0 16 16">
		<path fill="#fff" d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z" />
	</symbol>
	<!-- 文章管理 -->
	<svg id="bi bi-book" viewBox="0 0 16 16">
		<path fill="#fff" d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
	</svg>
	<!-- 试题管理-->
	<svg id="bi bi-folder" viewBox="0 0 16 16">
		<path fill="#fff" d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z"/>
	</svg>
	<!-- 班级管理 -->
	<svg id="bi bi-people-fill" viewBox="0 0 16 16">
		<path fill="#fff" d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
		<path fill="#fff" d="M5.216 14A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216z"/>
		<path fill="#fff" d="M4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
	</svg>
	<!--数据统计-->
	<svg id="bi bi-activity" viewBox="0 0 16 16">
		<path fill="#fff" d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z"/>
	</svg>
	<!--个人中心-->
	<svg id="bi bi-person-circle" viewBox="0 0 16 16">
		<path fill="#fff" d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
		<path fill="#fff" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
	</svg>

</svg>
<div class="container-fluid">
	<div class="row">
		<div class="col-md-2 justify-content-between" style="height: 900px;background-color: #6d9178;">
			<!-- 头像图片 -->
			<div class="text-center">
				<img src="../static/img/img.png" class="rounded-circle" alt="Cinque Terre" style="width: 100px;height: 100px;margin-top: 30px;">
			</div>
			<!-- 标题 -->
			<div class="text-center" style="height: 50px;line-height: 50px;">
				<!-- 去掉下划线 -->
				<a href="#" style="text-decoration: none;color: white;display: block;font-weight: bolder;font-family: 楷体" class="fs-5">管理员王老师</a>
			</div>
			<!-- 下划线 -->
			<div style="height: 1px;background-color:dimgray ;width: 100%;margin-bottom: 50px;"></div>
			<!-- 侧边栏列表 -->
			<div class="col-md-12">
				<div class="row">
					<li class="col-md-12"style="list-style-type: none;">
						<a href="#" class="btn btn-dark text-white"aria-current="page"style="display: block;text-align: left;">
							<svg class="bi bi-house-door me-2" width="16" height="27"style="float: left;">
								<use xlink:href="#home" /></svg>
							&nbsp主页
						</a>
					</li>
					<li class="col-md-12"style="list-style-type: none;margin-top: 18px;">
						<a href="#" class="btn btn-dark text-white"aria-current="page"style="display: block;text-align: left;">
							<svg class="bi pe-none me-2" width="16" height="27"style="float: left;">
								<use xlink:href="#bi bi-book" /></svg>
							&nbsp文章管理
						</a>
					</li>
					<li class="col-md-12"style="list-style-type: none;margin-top: 18px;">
						<a href="#" class="btn btn-dark text-white"aria-current="page"style="display: block;text-align: left;">
							<svg class="bi pe-none me-2" width="16" height="27"style="float: left;">
								<use xlink:href="#bi bi-folder" /></svg>
							&nbsp试题管理
						</a>
					</li>
					<li class="col-md-12"style="list-style-type: none;margin-top: 18px;">
						<a href="#" class="btn btn-dark text-white"aria-current="page"style="display: block;text-align: left;">
							<svg class="bi pe-none me-2" width="16" height="27"style="float: left;">
								<use xlink:href="#bi bi-people-fill" /></svg>
							&nbsp班级管理
						</a>
					</li>
					<li class="col-md-12"style="list-style-type: none;margin-top: 18px;">
						<a href="#" class="btn btn-dark text-white"aria-current="page"style="display: block;text-align: left;">
							<svg class="bi pe-none me-2" width="16" height="27"style="float: left;">
								<use xlink:href="#bi bi-activity" /></svg>
							&nbsp数据统计
						</a>
					</li>
					<div class="dropdown" style="list-style-type: none;margin-top: 18px;">
						<button class="col-md-12 btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false" style="display: block;text-align: left;">
							<svg class="bi pe-none me-2" width="16" height="27"style="float: left;">
								<use xlink:href="#bi bi-person-circle" /></svg>
							&nbsp个人中心
						</button>
						<ul class="col-md-11 dropdown-menu" aria-labelledby="dropdownMenuButton">
							<li><a class="btn btn-dark dropdown-item" href="#" style="display: block;text-align:center;">角色管理</a></li>
							<li><a class="btn btn-dark dropdown-item" href="#" style="display: block;text-align:center;">注册新账户</a></li>
							<li><a class="btn btn-dark dropdown-item" href="#" style="display: block;text-align:center;">退出登录</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 右部分 -->
		<div class="col-md-10" style="height: 900px;background-color:#b2c6b7;">
			<div class="search">
				<nav class="navbar navbar-expand-lg bg-#000000" data-bs-theme="dark">
					<div class="container-fluid">
						<a class="navbar-brand" href="#">YUEDU</a>
						<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
								aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
						</button>
						<div class="collapse navbar-collapse" id="navbarSupportedContent">
							<ul class="navbar-nav me-auto mb-2 mb-lg-0">
								<li class="nav-item">
									<a class="nav-link" href="#">试题发布</a>
								</li>
								<li class="nav-item dropdown">
									<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
										试题管理
									</a>
								</li>
								<a class="nav-link" href="#">回收站
								</a>

							</ul>
							<form class="d-flex" role="search">
								<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
								<button class="btn btn-outline-success" type="submit">Search</button>
							</form>
						</div>
					</div>
				</nav>
			</div>
			<!-- 主要内容 -->
			<div class="main col-md-12 justify-content-center" style=";height: 600px;background-color: #d3debd;">
				<div class="row" style="height: 100px;"></div>
				<div class="row">
					<div class="col-md-2"></div>
					<div class="col-md-8">
						<form class="was-validated">
							<div class="mb-3">
								<h3 style="text-align: center;font-family: 楷体;font-size: 30px;font-weight: bolder">发布试题</h3>
								<br>
								<textarea class="form-control is-valid" id="validationTextarea" placeholder="输入备注" required></textarea>
								<div class="invalid-feedback">请填写备注</div>
							</div>

							<div class="mb-3">
								<select class="form-select was-validated" required aria-label="select example">
									<option value="">小学</option>
									<option value="">初中</option>
									<option value="1">高中</option>
									<option value="2">其他</option>
								</select>
								<div class="invalid-feedback">请选择年级</div>
							</div>

							<div class="mb-3">
								<input type="file" class="form-control was-validated" aria-label="file example" required>
								<div class="invalid-feedback"></div>
							</div>
							<div class="row">
								<div class='col-sm-6'>
									<div class="form-group">
										<label>选择开始时间：</label>
										<!--指定 date标记-->
										<div class='input-group date' id='datetimepicker1'>
											<input type='text' class="form-control" />
											<span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
										</div>
									</div>
								</div>
								<div class='col-sm-6'>
									<div class="form-group">
										<label>选择结束时间：</label>
										<!--指定 date标记-->
										<div class='input-group date' id='datetimepicker2'>
											<input type='text' class="form-control" />
											<span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
										</div>
									</div>
								</div>
							</div>

							<br>
							<div class="mb-3"style="text-align: center;">
								<button class="btn btn-primary btn-lg" type="submit" style="width: 100px;height: 50px;">提交</button>
							</div>
						</form>
					</div>
					<div class="col-md-2"></div>
				</div>

			</div>

		</div>
	</div>
</div>


<script type="text/javascript">
    $(function () {
        var picker1 = $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn'),
            //minDate: '2016-7-1'
        });
        var picker2 = $('#datetimepicker2').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn')
        });
        //动态设置最小值
        picker1.on('dp.change', function (e) {
            picker2.data('DateTimePicker').minDate(e.date);
        });
        //动态设置最大值
        picker2.on('dp.change', function (e) {
            picker1.data('DateTimePicker').maxDate(e.date);
        });
    });
</script>
</body>
</html>
